import { Button, Col, Form, Input, Row, Space } from 'antd';

const SearchFilter = () => {
  return (
    <Form labelCol={{ span: 2 }} labelAlign="left" wrapperCol={{ span: 8 }}>
      <Row>
        <Col span={16}>
          <Form.Item label="菜单树" name="name" style={{ marginBottom: 0 }}>
            <Input placeholder="请输入菜单树名称" autoComplete="off" />
          </Form.Item>
        </Col>
        <Col span={8}>
          <Form.Item noStyle>
            <Space size="small" style={{ float: 'right' }}>
              <Button type="primary" htmlType="submit">
                搜索
              </Button>
              <Button htmlType="reset" style={{ marginLeft: 16 }}>
                重置
              </Button>
            </Space>
          </Form.Item>
        </Col>
      </Row>
    </Form>
  );
};

export default SearchFilter;
